<!DOCTYPE html>
<html lang="en">
<head th:include="/include::head"></head>
<body>
		<div class="container-fluid">
		<div class="row-fluid">
		
			<div class="row-fluid">
				<div class="span12 center login-header">
					<h2>Welcome to Charisma</h2>
				</div><!--/span-->
			</div><!--/row-->
			
			<div class="row-fluid">
				<div class="well span5 center login-box">
					<div id="login-error" class="alert alert-error" th:if="${#bools.isTrue(error)}">
                            <h3 th:text="#{errors.header}"/>
                            <ul>
                                <li th:text="#{${error.messageKey}}">Input is incorrect</li>
                            </ul>
                     </div>
					<form class="form-horizontal" action="/j_spring_security_check" method="post" th:action="@{/j_spring_security_check}">
						<input type="hidden" name="action" value="verify"/>
						 <legend>Please login with your Username and Password</legend>
						<fieldset>
							<div class="input-prepend" title="Username" data-rel="tooltip">
								<span class="add-on"><i class="icon-user"></i></span><input autofocus="autofocus" class="input-large span10" name="j_username" id="username" type="text" value="jack" />
							</div>
							<div class="clearfix"></div>

							<div class="input-prepend" title="Password" data-rel="tooltip">
								<span class="add-on"><i class="icon-lock"></i></span><input class="input-large span10" name="j_password" id="password" type="password" value="123456" />
							</div>
							<div class="clearfix"></div>

							<div class="input-prepend">
							<label class="remember" for="remember"><input type="checkbox" id="remember" name="_spring_security_remember_me" checked="checked"/>Remember me</label>
							</div>
							<div class="clearfix"></div>

							<p class="center span5">
							<button type="submit" class="btn btn-primary">Login</button>
							</p>
						</fieldset>
					</form>
				</div><!--/span-->
			</div><!--/row-->
				</div><!--/fluid-row-->
		
	</div><!--/.fluid-container-->

	
	<footer th:substituteby="/include :: footer"></footer>
	<section id="scripts">
    	<section th:include="/include :: required_scripts"/>
	</section>	
</body>
</html>
